<template>
    <div class="official-view">
        <!-- 顶部导航 -->
        <van-sticky>
            <TopView :name="leftText" />
        </van-sticky>

        <!-- <OpLoadingView :loading="true" type="skeleton"> -->
        <!-- <van-skeleton title avatar :row="3" loading="loading"> -->
        <!-- banner -->
        <BannerView />
        <!-- 科室 -->
        <DepartMent />
        <!-- 医生 -->
        <AllDoctorView />
        <!-- 公告 -->
        <NoticeView />
        <!-- </OpLoadingView> -->
        <!-- </van-skeleton> -->
        <el-backtop :right="50" :bottom="100" />
    </div>
</template>

<script setup lang="ts">
// import { getApiHomeData } from '@/api/api'
import { onMounted, ref } from 'vue';
import TopView from '@/components/all/TopView.vue';
import BannerView from '@/components/zzh/BannerView.vue';
import DepartMent from '@/components/zzh/DepartMent.vue';
import AllDoctorView from '@/components/zzh/AllDoctorView.vue';
import NoticeView from '@/components/zzh/NoticeView.vue';
// loading组件
import OpLoadingView from '@/components/zzh/OpLoadingView.vue';
// hook组件
import { useAsync } from '@/use/useAsync';




let leftText = '智慧医院平台'
const loading = ref(false);

onMounted(() => {
    loading.value = false;
});

// const { data, pending } = useAsync(fetchHomePageData, {
//     banner: [],
//     searchRecomments: [],
//     transformer: [],
//     scrollBarInfoList: [],
//     countdown: {} as ICountdown,
//     activities: [],
// } as IHomeInfo)



</script>

<style lang="scss" scoped>
.official-view {
    height: 100%;
    background-color: #fafafa;
}
</style>